<div class="logo"></div>
<div class="line"></div>
<div class="title">深圳市部九窝余泥渣土受纳场安全监测预警信息系统</div>
<!-- <div class="title">绵阳市远程监控与预警决策指挥系统</div> -->
<ul class="nav-list clearfix">
	<li id="mainPage" class="item current">
		<div class="nav-icon icon-index"></div>
		<p>首页</p>
	</li>
	<li class="gap"></li>
	<li id="projectInfo" class="item">
		<div class="nav-icon icon-xm"></div>
		<p>项目概况</p>
	</li>
	<li class="gap"></li>
	<li id="zhtInfoList" class="item">
		<div class="nav-icon icon-zhinfo"></div>
		<p>灾害体信息</p>
	</li>
	<li class="gap"></li>
	<li class="item">
		<div class="nav-icon icon-ljinfo"></div>
		<p>监测点信息</p>
		<div class="drwpdown-menu animated fadeInDown">
			<ul>
				<li><a id="station_info" href="###">
						<div class="menu-icon czxx"></div>
						<div class="line"></div>
						<p class="text">测站信息</p>
				</a></li>
				<li id="work_stat"><a href="javascript:void(0)">
						<div class="menu-icon sbgk"></div>
						<div class="line"></div>
						<p class="text">设备工况</p>
				</a></li>
				<li><a id="map" href="javascript:void(0)">
						<div class="menu-icon dtdw"></div>
						<div class="line"></div>
						<p class="text">地图定位</p>
				</a></li>
			</ul>
		</div>
	</li>
	<li class="gap"></li>
	<li class="item">
		<div class="nav-icon icon-zhjg"></div>
		<p>灾害预警体系</p>
		<div class="drwpdown-menu animated fadeInDown">
			<ul>
				<li><a id="warnSystem" href="javascript:void(0)">
						<div class="menu-icon yjxpz"></div>
						<div class="line"></div>
						<p class="text">预警项配置</p>
				</a></li>
				<li><a id="warnConfig" href="javascript:void(0)">
						<div class="menu-icon yjcs"></div>
						<div class="line"></div>
						<p class="text">预警参数</p>
				</a></li>
				<li><a href="###">
						<div class="menu-icon zhyd"></div>
						<div class="line"></div>
						<p class="text">灾害运动</p>
				</a></li>
				<li><a href="###">
						<div class="menu-icon yjfa"></div>
						<div class="line"></div>
						<p class="text">预警方案</p>
				</a></li>
				<li id="simulation"><a href="javascript:void(0)">
						<div class="menu-icon zqmn"></div>
						<div class="line"></div>
						<p class="text">灾情模拟</p>
				</a></li>
			</ul>
		</div>
	</li>
	<li class="gap"></li>
	<li class="item">
		<div class="nav-icon icon-jccg"></div>
		<p>数据查询</p>
		<div class="drwpdown-menu animated fadeInDown">
			<ul>
				<li id="deviceData"><a href="javascript:void(0)">
						<div class="menu-icon zdjcsj"></div>
						<div class="line"></div>
						<p class="text">自动监测</p>
				</a></li>
				<li id="manualData"><a href="javascript:void(0)">
						<div class="menu-icon rgsj"></div>
						<div class="line"></div>
						<p class="text">人工监测</p>
				</a></li>
				<li id="thirdData"><a href="javascript:void(0)">
						<div class="menu-icon dsfsj"></div>
						<div class="line"></div>
						<p class="text">第三方监测</p>
				</a></li>
				<li id="survey_data"><a href="javascript:void(0)">
						<div class="menu-icon kcsj"></div>
						<div class="line"></div>
						<p class="text">勘察数据</p>
				</a></li>
				<li id="video"><a href="javascript:void(0)">
						<div class="menu-icon sp"></div>
						<div class="line"></div>
						<p class="text">视频监控</p>
				</a></li>
			</ul>
		</div>
	</li>
	<li class="gap"></li>
	<li class="item">
		<div class="nav-icon icon-tbfx"></div>
		<p>图表分析</p>
		<div class="drwpdown-menu animated fadeInDown">
			<ul>
				<li id="deviceData_charts"><a href="javascript:void(0)">
						<div class="menu-icon zdjcsj"></div>
						<div class="line"></div>
						<p class="text">自动监测</p>
				</a></li>
				<li id="manualData_charts"><a href="javascript:void(0)">
						<div class="menu-icon rgsj"></div>
						<div class="line"></div>
						<p class="text">人工监测</p>
				</a></li>
				<li id="thirdData_charts"><a href="javascript:void(0)">
						<div class="menu-icon dsfsj"></div>
						<div class="line"></div>
						<p class="text">第三方监测</p>
				</a></li>
			</ul>
		</div>
	</li>
	<li class="gap"></li>
	<li class="item" style="display:none" id="system">
		<div class="nav-icon icon-sm"></div>
		<p>系统管理</p>
		<div class="drwpdown-menu animated fadeInDown">
			<ul>
				<li><a id="systemManager" href="###">
						<div class="menu-icon czxx"></div>
						<div class="line"></div>
						<p class="text">用户权限</p>
				</a></li>
				<li id="dataBak"><a href="javascript:void(0)">
						<div class="menu-icon sjbf"></div>
						<div class="line"></div>
						<p class="text">数据备份</p>
				</a></li>
				<li id="3d"><a href="javascript:void(0)">
						<div class="menu-icon threedmap"></div>
						<div class="line"></div>
						<p class="text">3D配置</p>
				</a></li>
			</ul>
		</div>
	</li>
</ul>
<div class="user-tool clearfix">
	<div class="uhead">
		<div class="pic"></div>
	</div>
	<div class="uname" id="user_name">管理员</div>
	<div class="dw-icon"></div>
	<ul class="drap-meun animated fadeIn">
		<li><a id="changePwd" href="javascript:void(0)">修改密码</a></li>
		<li><a id="smsTest" href="javascript:void(0)">短信测试</a></li>
		<li><a id="logout" href="javascript:void(0)">退出</a></li>
	</ul>
</div>

<script type="text/javascript">
    $(document).ready(function(){
    	
    	$("#user_name").html(global.currentPerson.name);
    	
    	if("ADMIN" == global.currentRole) {
    		$("#system").show();
    	}
    	
    	$("#mainPage").click(function(){
    		$(".item").removeClass("current");
    	    $(this).addClass("current");
    		$("#middle_frame").load("main.html");
    	});
    	$("#projectInfo").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("project/project_frame.html");
    	});
    	$("#zhtInfoList").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("zht/zht_frame.html");
    	});
    	$("#station_info").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("station/station_info_frame.html");
    	}); 	
    	    	
    	$("#deviceData_charts").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("devicedata/deviceData_charts_frame.html");
    	});
    	
    	$("#deviceData").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("devicedata/devicedata_frame.html");
    	});
    	
    	$("#manualData").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("manualdata/manualData_frame.html");
    	});
    	
    	$("#manualData_charts").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("manualdata/manualData_charts_frame.html");
    	});
    	
    	$("#thirdData").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("thirddata/thirdData_frame.html");
    	});
    	
    	$("#thirdData_charts").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("thirddata/thirdData_charts_frame.html");
    	});
    	
    	$("#warnSystem").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("warnsystem/warnoption_frame.html");
    	});
    	$("#warnConfig").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("warnsystem/warnconfig_frame.html");
    	});
    	$("#work_stat").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load( "device/device_frame.html" );
    	});    	
    	$("#systemManager").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("um/system_frame.html");
    	});
    	$("#dataBak").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("data_bak/data_bak_frame.html");
    	});
    	$("#3d").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("3dmap_frame.html");
    	});
    	$("#survey_data").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("survey_data/survey_data_frame.html");
    	});
    	$("#simulation").click(function(){
    		$(".item").removeClass("current");
    		$(this).addClass("current");
    		$("#middle_frame").load("simulation/simulation_frame.html");
    	});
    	
    	//TODO:深圳版本
    	$("#video").click(function(){
    		$(".item").removeClass("current");
    		$("#zhtinfo").addClass("current");
    		$("#middle_frame").load("video_frame.html");
    	});
    	
    	//TODO:绵阳版本新窗口打开
    	/* $("#video").click(function(){
    		window.open("haikang_frame.html");
    	}); */
    	
    	$("#map").click(function(){
            $(".item").removeClass("current");
            $("#zhtinfo").addClass("current");
            $("#middle_frame").load("map_frame.html");
        });
    	
    	$("#changePwd").click(function(){
    		global.showModal("修改密码", "system/userinfo_changepwd.html");
    	});
    	
    	$("#smsTest").click(function(){
    		global.showModal("短信测试", "system/sms_test.html");
    	});
    	
    	$("#logout").click(function(){
    		var url = "../../logout";
    		$.getJSON(url, null, function(json){
    			window.location.href = "../../";		
			});
    	});
    });
</script>
    